<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<head>
<wicket:head>
	<title>Wicket - jQuery UI: sortable</title>
	<style type="text/css">
		.sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
		.sortable li { margin: 0.3em; padding: 0.3em; x-padding-left: 1.5em; font-size: 1.1em; background-color: #fff; }
		.sortable li .ui-icon { position: absolute; }
		.sortable li .item { margin-left: 1.3em; }
	</style>
</wicket:head>
</head>
<body>
<wicket:extend>
	<div>
		<ul wicket:id="sortable" class="sortable">
			<li wicket:id="items">
				<span wicket:id="icon">[icon]</span>
				<span wicket:id="item" class="item">[label]</span>
			</li>
		</ul>
		<br/>
		<div wicket:id="feedback" style="width: 60%;"></div>
	</div>
</wicket:extend>
</body>
</html>
